<?php

// Inialize session
session_start();

// Check, if username session is NOT set then this page will jump to login page
if (!isset($_SESSION['admin'])) {
header('Location: login.php');
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>Art Vision - Administrador</title>
		<link rel="stylesheet" type="text/css" href="css/menu.css" />
		<link rel="stylesheet" type="text/css" href="css/view.css" media="all">
		<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="js/view.js"></script>
		<script type="text/javascript" src="js/admin.js"></script>
		<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.min.js"></script>
	</head>

	<body>
		<div id="menu_wrapper" style="display:none">
			<div id="menu" class="oscuro">
				<a href="index.php">
					<img id="logoAV" src="img/logoAV.png" alt="logo">
				</a>
				<ul>
					<li>
						<a href="./buscar.html">Buscar</a>
					</li>
					<li>
						<a href="./logout.php">Logout</a>
					</li>
					<li>
						<a href="./readme.html">Readme</a>
					</li>
					<li>
						<p id="dialog" onclick="showDialog()">About</p>
					</li>
				</ul>
			</div>
		</div>
		<!--Formulario de configuración-->
		<img id="top1" src="img/top.png" alt="">
		<div id="form_container1">
			<h1>
			Formulario
			</h1>
			<form class="appnitro">
				
			<div class="form_description">
				<h2>Administrador</h2>
				<p>P&aacute;gina de administrador</p>
				
			</div>
			
			<fieldset>
			    <legend>Configuraci&oacute;n del comportamiento por defecto de la p&aacute;gina:</legend>
				<ul>
					<li>
						<label class="description" for="cant_items">Cantidad de &iacute;tems por p&aacute;gina</label>
						<span>
							<select class="element select" style="width:5em" id="cant_items" name="cant_items">
								<option value="4" >4</option>
								<option value="8" >8</option>
								<option value="16" >16</option>
							</select>
							<label>&Iacute;tems por página en resultados de b&uacute;squeda</label>
						</span>
					</li>
					<li>
					<label class="description" for="cant_items">Orden por defecto de los &iacute;tems</label>
						<span>
							<input id="radio_vistas" name="radioVL" class="element radio" type="radio" value="vistas" />
							<label class="choice2" for="radio_vistas">Ordenar por vistas</label>
							<input id="radio_likes" name="radioVL" class="element radio" type="radio" value="likes" />
							<label class="choice2" for="radio_likes">Ordenar por likes</label>
						</span>
					</li>
				</ul>
			</fieldset>
			<ul>
				<li class="buttons">
					<button class="button" type="button" onclick="guardarConf()">Guardar configuraci&oacute;n</button>
					<!--<button class="button" type="button" onclick="parent.location='logout.php'">Logout</button>-->
				</li>
			</ul>
				<div class="isa_success" style="display:none" id="conf_success">La configuraci&oacute;n se guardo exitosamente</div>
				<div class="isa_error" style="display:none" id="conf_error">Ocurri&oacute; un error al intentar guardar la configuraci&oacute;n</div>
			</form>
		</div>
		<img id="bottom1" src="img/bottom.png" alt="">
		
		<!--Formulario de upload-->
		<img id="top" src="img/top.png" alt="">
		<div id="form_container">
	
		<h1>
			Formulario
		</h1>
		
		<form action="upload.php" class="appnitro" method="post" onSubmit="return validar(this)" enctype="multipart/form-data">
			<div class="form_description">
				<h2>Formulario de Upload</h2>
				<p>Por favor, complete los datos para subir una imagen</p>
			</div>
			<div id="error_message">
				<p id="error_message_title">
				Error
				</p>
				<p id="error_message_desc">

				</p>
			</div>
			<fieldset>
				    <legend>Datos:</legend>
					<ul>
					<li>
						<label class="description" for="nombre">Nombre</label>
						<div>
							<input id="nombre" name="nombre" class="element text" type="text" size="50" maxlength="255" value=""/> 
						</div> 
					</li>
					<li>
						<label class="description" for="artista">Artista</label>
						<div>
							<input id="artista" name="artista" class="element text" size="50" type="text" maxlength="255" value=""/> 
						</div> 
					</li>
					<li>
						<label class="description" for="anio">A&ntilde;o</label>
						<div>
							<input id="anio" name="anio" class="element text" size="50" type="text" maxlength="5" value=""/> 
						</div> 
					</li>
					<li>
						<label class="description" for="museo">Museo</label>
						<div>
							<input id="museo" name="museo" class="element text" size="50" type="text" maxlength="255" value=""/> 
						</div> 
					</li>
					<li>
						<label class="description" for="categoria">Categor&iacute;a</label>
						<div>
							<input id="categoria" name="categoria" class="element text" size="50" type="text" maxlength="255" value=""/> 
						</div> 
					</li>
					<li>
						<label class="description" for="etiquetas">Etiquetas</label>
						<div>
							<input id="etiquetas" name="etiquetas" class="element text" size="50" type="text" maxlength="255" value=""/> 
						</div>
						<p class="guidelines">
						<small>Incluya al menos una etiqueta. Deben estar separadas por coma.</small>
						</p> 
					</li>
					</ul>
			</fieldset>
			<fieldset>
				    <legend>Imagen:</legend>
					<ul>
					<li>
						<span>
						<input id="radio_file" name="radio" class="element radio" type="radio" value="file" />
						<label class="choice2" for="radio_file">Desde archivo</label>
						<input id="radio_url" name="radio" class="element radio" type="radio" value="url" />
						<label class="choice2" for="radio_url">Url</label>
						</span>
					</li>
					
					<li id="li_file">
						<label class="description" for="file">Archivo</label>
						<div>
							<input id="file" name="file" class="element file" type="file" size="50" accept="image/*" maxlength="255" value=""/> 
						</div> 
					</li>
					
					<li id="li_url">
						<label class="description" for="url">URL</label>
						<div>
							<input id="url" name="img_url" class="element text" type="url" size="50" maxlength="500" value=""/> 
						</div> 
					</li>
					</ul>
			</fieldset>
			<ul>
				<li class="buttons">
					<input id="enviar" class="button_text" type="submit" name="submit" value="Enviar" />
				</li>
			</ul>
		</form>
		</div>
		<img id="bottom" src="img/bottom.png" alt="">
		
	</body>
</html>